<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="./css/public.css"/>
	<link rel="stylesheet" type="text/css" href="./css/address.css"/>
	<link rel="stylesheet" type="text/css" href="./css/glayer.css"/>
</head>
<body>
	<%- include('./header.html')%>
	<div class="center-main">
		<!--左侧导航-->
		<%- include('./side.html')%>
		<!--右侧主题内容-->
		<div class="center-main-content">
			<div class="address">
				<div class="addresstitle">
					<span class="active">地址管理</span>
				</div>
				<div class="addressbox">
					<div class="addressboxitemwrap">
						<table class="addresszhuangtai">
							<tr>
								<th>收货人</th>
								<th>手机号码</th>
								<th>地址</th>
							</tr>
							<tr class="addressboxitem1">
								<td class="addressboxitemtr1" align="center">
									
									<span>青城山下</span>
								</td>
								<td class="addressboxitemtr1" align="center">
									
									<span>15626345621</span>
								</td>
								<td align="center">
									<span>内蒙古赤峰市松山区友谊街道友谊家园12-4-405</span>
									<a href="javascript:;">默认地址</a>
								</td>
								
							</tr>
						</table>
					</div>
					<div class="addressboxitemwrap">
						<div class="addaddress">
							<a href="javascript:;">新增收货地址</a>
							<span>已保存了<i>1</i>条地址，还可以保存<i>19</i>条地址</span>
						</div>
						<table class="addaddresscon">
							<tr class="addaddresscontitle">
								<td colspan="4">新增地址<i></i>
								</td>

							</tr>
							<tr>
								<td colspan="4" style="padding: 6px"></td>
							</tr>
							<tr class="addaddressconcon">
								<td class="width1"><span>收货人:</span></td>
								<td class="itemtd"><input type="text"></td>
								<td class="width1"><span>手机号码:</span></td>
								<td class="itemtd" style="padding-right: 40px"><input type="text"></td>
							</tr>
							<tr class="addaddressconcon">
								<td class="width1"><span>所在区域:</span></td>
								<td class="itemtd"><select name="city" id="">
									<option value="">是是是</option>
									<option value="">是是是</option>
									<option value="">是是是</option>
								</select>
								<select name="city" id="">
									<option value="">是是是</option>
									<option value="">是是是</option>
									<option value="">是是是</option>
								</select>
								<select name="city" id="">
									<option value="">是是是</option>
									<option value="">是是是</option>
									<option value="">是是是</option>
								</select>
							</td>
								<td class="width1"><span>详细地址:</span></td>
								<td class="itemtd" style="padding-right: 40px"><input type="text"></td>
							</tr>
							<tr class="addaddressconcon">
								<td class="width1"><span>邮编:</span></td>
								<td class="itemtd"><input type="text"></td>
								<td class="width1"><span>默认地址:</span></td>
								<td class="itemtd" style="padding-right: 40px"><label for="zz"><input style="display: none" id="zz" type="checkbox" name="address"><i class="moren"></i><span class="moren1">已设置为默认地址</span></label></td>
							</tr>
							<tr class="addaddressconcon1">
								<td colspan="4"><a href="javascript:;" class="liveingboxbtn">保存地址</a></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<%- include('./footer.html')%>
	<script src="./js/jquery-1.11.3.min.js"></script>
	<script src="./js/glayer.js"></script>
	<script>
		var layer = new Layer()
		$('.liveingboxbtn').click(function(){
			layer.confirm('在此填入内容哈哈哈哈！',function(dom){
				console.log('关闭了啊啊啊！')
				dom.remove()
			})
		})
		
	</script>
</body>
</html>